.match-item{
  text-align: center;
  padding:10px 10px 10px 20px ;
  img{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin:0 20px;
  }
  .match-vers{
    font-weight: 700;
    font-size: 16px;
    line-height:19px;
  }
  .match-date{
    p{
      line-height: 19px;
    }
  }
  .tm-name{
    p{
      line-height: 38px;
      text-overflow:ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }
  .match-vs{
    margin: 0px;
  }
  &.odd{
    background: #f5f5f5;
  }
}

.team {
  .tm-name {
    p {
      line-height: 19px;
      &:only-child {
        line-height: 38px;
      }
    }
  } 
}
.tm-name {
  span {
    display: inline-block;
    color: #fff;
    background-color: #fa9749;
    padding: 4px 6px;
    border-radius: 3px;
  }
}
.buttons {
  margin-top: 30px;
  text-align: center;
}
.canceled {
  line-height: 38px;
  font-size: 12px;
  color: #fc9f00;
}
.tiny{
  padding: 7px;
}
#host-score,#guest-score{
  width: 90px;
  margin-left:10px;
}
.el-message-box__message label{
  width:100px;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: right;
}
.btn-link{
  padding: 0;
}
.giveup{
  width:40px;
  background: #ccc;
  color:#fff;
  font-size: 12px;
  height:19px;
  line-height: 19px;
  margin:0 auto;
}
.match-item{
  .match-vs{
    p{
      &:only-child {
        line-height: 38px;
      }
    }
  }
}
.no-match{
  margin-top: 50px;
}
.score-input{
  width:100px;
}
.game-name{
  width: 100px;
  display: inline-block;
}
.my-scrollbar{
  width: 836px;
  min-width: 300px;
}
.scrollMe{
  min-width: 1500px;
}
.btn-groups{
  text-align: center;
  margin-top: 30px;
}

